.dynamicPublish {
    height: 100%;
    background: linear-gradient(to bottom, #04D2C3, #fff);
    padding: 10vw 5vw;
    .content {
        box-sizing: border-box;
        border-radius: 2vw;
        background-color: #fff;
        padding-top: 5vw;
        textarea {
            height:30vw;
                margin:0 5vw 5vw 5vw;
                background:#F5F5F5;
                box-sizing: border-box;
                padding:3vw;
                width:80vw;
                border-radius:2vw;
                color:#666;
                font-size:3.6vw;
        }
        .imgList {
            padding: 0 5vw 5vw 5vw;
            display: flex;
            flex-wrap: wrap;
            // margin-bottom: 5vw;
            image {
                width: 20vw;
                height:20vw;
                border-radius: 2vw;
                margin-right: 3vw;
                margin-bottom: 5vw;
            }
            .addImg {
                width: 20vw;
                height: 20vw;
                border-radius: 2vw;
                border: 1px solid #aaa;
                background:none;
                margin:0;
                position:relative;
                line-height:30vw;
                text-align: center;
                color:#ccc;
                font-size:3vw;
                image {
                    width: 6vw;
                    height:6vw;
                    position:absolute;
                    top:5vw;
                    left:50%;
                    transform: translate(-50%,0);
                }
            }
            text.on{
                position:absolute;
                left:0;
                bottom:0;
                z-index:2;
                display:block;
                height:0.5vw;
                width:0;
                background:#00D2C3;
            }
        }
        .addTopic {
            border-top: 1px solid #f5f5f5;
            padding: 5vw;
            font-size: 3.6vw;
            color: #aaa;
            overflow: hidden;
            background-image:url('//resource.160nurse.com/canvas/healthy/img/common/fan_3.png');
            background-size:4vw;
            background-repeat:no-repeat;
            background-position:right 5vw center;
            text {
                float: left;
            }
            text.on{
                color:#00D2C3;
            }
        }
        .location {
            border-top: 1px solid #f5f5f5;
            padding: 5vw;
            font-size: 3.6vw;
            color: #aaa;
            overflow: hidden;
            text {
                float: left;
            }
            image {
                float: right;
                width: 2vw;
            }
        }
        &.video{
            textarea{
                height:30vw;
                margin:5vw;
                background:#F5F5F5;
                box-sizing: border-box;
                padding:3vw;
                width:80vw;
                border-radius:2vw;
                color:#666;
                font-size:3.6vw;
            }
            .imgList{
                padding:0;
                margin:0 5vw;
                width:80vw;
                position:relative;
                box-sizing: border-box;
                border:1px dashed #ccc;
                border-radius:2vw;
                overflow: hidden;
                height:calc(~'80vw / 1.777');
                .file_upload{
                    padding:0;
                    margin:0;
                    position:absolute;
                    top:0;
                    left:0;
                    width:100%;
                    height:100%;
                    opacity:0;
                    z-index:3;
                    cursor:pointer;
                }
                image,&:after{
                    position:absolute;
                    z-index:2;
                    left:0;
                    display: block;
                    top:0;
                    width:inherit;
                    height:inherit;
                }
                &:after{
                    content:'';
                    z-index:1;
                    background-image:url('//resource.160nurse.com/1.0/img/g_img/zheng_9.png');
                    background-size:30vw;
                    background-position:center center;
                    background-repeat:no-repeat;
                }
                &.type_1{
                    margin-bottom:5vw;
                    &:after{
                        background-image:url('//resource.160nurse.com/1.0/img/g_img/zheng_10.png');
                    }
                }
                &.on{
                    &:after{
                        background-image:url('//resource.160nurse.com/1.0/img/g_img/zheng_12.png') !important;
                    }
                }
                &.off:after{
                    background:none;
                }
            }
        }
    }
    button {
        margin-top: 10vw;
        background-color: #04D2C3;
        width: 100%;
        border-radius: 8vw;
        font-size:4.2vw;
        color: #fff;
    }
}


.hua_ti_fl{
    z-index:20;
    .fd{
        position:absolute;
        top:50%;
        transform:translate(0,-50%);
        left:10vw;
        z-index:2;
        width:80vw;
        background:#fff;
        border-radius:2vw;
        overflow: hidden;
        box-sizing: border-box;
        padding:3vw;
        .h1{
            line-height:5vw;
            height:8vw;
            text-align: center;
            font-size:3.6vw;
            color:#666;
        }
        .list{
            overflow-x: auto;
            overflow-y:hidden;
            width:100%;
            height:30vw;
            position:relative;
            .box{
                height:30vw;
                width: min-intrinsic;
            }
            .li{
                cursor:pointer;
                float: left;
                width:20vw;
                border-radius:2vw;
                overflow: hidden;
                margin-left:3vw;
                .img{
                    width:20vw;
                    overflow: hidden;
                    height:20vw;
                    border-radius: 0 0 2vw 2vw;
                }
                image{
                    width:100%;
                    height:100%;
                }
                text{
                    display:block;
                    height:10vw;
                    line-height:10vw;
                    font-size:3vw;
                    text-align: center;
                    color:#666;
                }
            }
            .li:first-of-type{
                margin:0;
            }
        }
        .list::-webkit-scrollbar{width:0px}
    }
}
